<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/phone_style.css">
    <title>Document</title>
</head>

<body>
    <div class="phone_head">
        <!-- 轮播图 -->
        <div class="slider">
            <ul>
                <li>
                    <a href="#">
                        <img src="image/phone_lbt1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/phone_lbt2.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/phone_lbt3.jpg" alt="">
                    </a>
                </li>
            </ul>
            <div class="round">
                <ul>
                    <li class="roundLiHover"></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="nav_log">
                <img src="image/logo.png" alt="">
            </div>
            <div class="nav_genduo" id="nav_genduo">
                <img src="image/dhl.png" alt="">
            </div>
            <div class="nav_dhl" id="nav_dhl">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">作品案例</a></li>
                    <li><a href="#">服务项目</a></li>
                    <li><a href="#">新闻资讯</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="phone_ljdh">
        <div class="phone_ljdh_list" id="ljdh_xcp">
            <img src="image/ljdh1.png" alt="">
            <p>宣传片</p>
        </div>
        <div class="phone_ljdh_list" id="ljdh_cpgg">
            <img src="image/ljdh2.png" alt="">
            <p>产品广告片</p>
        </div>
        <div class="phone_ljdh_list" id="ljdh_jxdh">
            <img src="image/ljdh3.png" alt="">
            <p>工业/机械动画</p>
        </div>
        <div class="phone_ljdh_list" id="ljdh_vrar">
            <img src="image/ljdh4.png" alt="">
            <p>VR/AR</p>
        </div>
        <div class="phone_ljdh_list" id="ljdh_jhsdmt">
            <img src="image/ljdh5.png" alt="">
            <p>交互式多媒体</p>
        </div>
        <div class="phone_ljdh_list" id="ljdh_szbwg">
            <img src="image/ljdh6.png" alt="">
            <p>数字博物馆</p>
        </div>
    </div>
    <!-- 经典案例 -->
    <div class="phone_ty">
        <div class="phone_content">
            <div class="phone_tel">
                <h2>经典案例</h2>
                <p>Classic&nbsp;Case</p>
                <span></span>
                <a href="#">查看更多</a>
            </div>
            <div class="phone_menu">
                <a href="#">
                    <div class="phone_menu_img">
                        <img src="image/case1.png" alt="">
                    </div>
                    <div class="phone_menu_text">
                        <p>锦悦都<span>宣传片/建筑</span></p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- 宣传片 -->
    <div class="phone_xcp" id="promotional_film">
        <div class="phone_content">
            <div class="phone_tel">
                <h2>宣传片</h2>
                <p>Promotional&nbsp;film</p>
                <span></span>
                <a href="#">查看更多</a>
            </div>
            <div class="phone_menu">
                <a href="#">
                    <div class="phone_menu_img">
                        <img src="image/case6.png" alt="">
                    </div>
                    <div class="phone_menu_text">
                        <p>医学模拟<span>宣传片/医学</span></p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- 产品广告 -->
    <div class="phone_cpgg" id="product">
        <div class="phone_content">
            <div class="phone_tel">
                <h2>产品广告</h2>
                <p>Product&nbsp;advertisement</p>
                <span></span>
                <a href="#">查看更多</a>
            </div>
            <div class="phone_menu">
                <div class="phone_menu_list">
                    <a href="#">
                        <div class="phone_menu_img">
                            <img src="image/cpgg3.png" alt="">
                        </div>
                        <div class="phone_menu_text">
                            <p>工业机器<span>宣传片/医学</span></p>
                        </div>
                    </a>
                </div>
                <div class="phone_menu_list">
                    <a href="#">
                        <div class="phone_menu_img">
                            <img src="image/cpgg3.png" alt="">
                        </div>
                        <div class="phone_menu_text">
                            <p>工业机器<span>宣传片/医学</span></p>
                        </div>
                    </a>
                </div>
                <div class="phone_menu_list">
                    <a href="#">
                        <div class="phone_menu_img">
                            <img src="image/cpgg3.png" alt="">
                        </div>
                        <div class="phone_menu_text">
                            <p>工业机器<span>宣传片/医学</span></p>
                        </div>
                    </a>
                </div>
                <div class="phone_menu_list">
                    <a href="#">
                        <div class="phone_menu_img">
                            <img src="image/cpgg3.png" alt="">
                        </div>
                        <div class="phone_menu_text">
                            <p>工业机器<span>宣传片/医学</span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 机械/工业动画 -->
    <div class="phone_jxgydh" id="Mechanical">
        <div class="phone_content">
            <div class="phone_tel">
                <h2>机械/工业动画</h2>
                <p>Mechanical&nbsp;/&nbsp;industrial&nbsp;animation</p>
                <span></span>
                <a href="#">查看更多</a>
            </div>
            <div class="phone_menu">
                <div class="phone_menu_list">
                    <a href="#">
                        <div class="phone_menu_img">
                            <img src="image/cpgg3.png" alt="">
                        </div>
                        <div class="phone_menu_text">
                            <p>工业机器<span>宣传片/医学</span></p>
                        </div>
                    </a>
                </div>
                <div class="phone_menu_list">
                    <a href="#">
                        <div class="phone_menu_img">
                            <img src="image/cpgg3.png" alt="">
                        </div>
                        <div class="phone_menu_text">
                            <p>工业机器<span>宣传片/医学</span></p>
                        </div>
                    </a>
                </div>
                <div class="phone_menu_list">
                    <a href="#">
                        <div class="phone_menu_img">
                            <img src="image/cpgg3.png" alt="">
                        </div>
                        <div class="phone_menu_text">
                            <p>工业机器<span>宣传片/医学</span></p>
                        </div>
                    </a>
                </div>
                <div class="phone_menu_list">
                    <a href="#">
                        <div class="phone_menu_img">
                            <img src="image/cpgg3.png" alt="">
                        </div>
                        <div class="phone_menu_text">
                            <p>工业机器<span>宣传片/医学</span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="phone_zjbf">
        <!-- VR/AR -->
        <div class="phone_vr" id="vr_sz">
            <div class="phone_content">
                <div class="phone_tel">
                    <h2>VR/AR</h2>
                    <p>VR/AR</p>
                    <span></span>
                    <a href="#">查看更多</a>
                </div>
                <div class="phone_menu">
                    <div class="phone_menu_list">
                        <a href="#">
                            <div class="phone_menu_img">
                                <img src="image/cpgg3.png" alt="">
                            </div>
                            <div class="phone_menu_text">
                                <p>工业机器<span>宣传片/医学</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="phone_menu_list">
                        <a href="#">
                            <div class="phone_menu_img">
                                <img src="image/cpgg3.png" alt="">
                            </div>
                            <div class="phone_menu_text">
                                <p>工业机器<span>宣传片/医学</span></p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 交互式多媒体 -->
        <div class="phone_vr" id="jhsdmt">
            <div class="phone_content">
                <div class="phone_tel">
                    <h2>交互式多媒体</h2>
                    <p>Interactive&nbsp;multimedia</p>
                    <span></span>
                    <a href="#">查看更多</a>
                </div>
                <div class="phone_menu">
                    <div class="phone_menu_list">
                        <a href="#">
                            <div class="phone_menu_img">
                                <img src="image/cpgg3.png" alt="">
                            </div>
                            <div class="phone_menu_text">
                                <p>工业机器<span>宣传片/医学</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="phone_menu_list">
                        <a href="#">
                            <div class="phone_menu_img">
                                <img src="image/cpgg3.png" alt="">
                            </div>
                            <div class="phone_menu_text">
                                <p>工业机器<span>宣传片/医学</span></p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 数字博物馆 -->
        <div class="phone_vr" id="szmtbwg">
            <div class="phone_content">
                <div class="phone_tel">
                    <h2>数字博物馆</h2>
                    <p>Digital&nbsp;museum</p>
                    <span></span>
                    <a href="#">查看更多</a>
                </div>
                <div class="phone_menu">
                    <div class="phone_menu_list">
                        <a href="#">
                            <div class="phone_menu_img">
                                <img src="image/cpgg3.png" alt="">
                            </div>
                            <div class="phone_menu_text">
                                <p>工业机器<span>宣传片/医学</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="phone_menu_list">
                        <a href="#">
                            <div class="phone_menu_img">
                                <img src="image/cpgg3.png" alt="">
                            </div>
                            <div class="phone_menu_text">
                                <p>工业机器<span>宣传片/医学</span></p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 关于我们 -->
    <div class="phone_about">
        <div class="phone_content">
            <div class="phone_tel">
                <h2>关于三滴水</h2>
                <p>领先的三维动画技术和丰富的项目实施经验</p>
                <span></span>
            </div>
            <div class="phone_menu">
                <div class="phone_about_img">
                    <img src="image/case1.png" alt="">
                    <img src="image/case6.png" alt="">
                </div>
                <p>山东三滴水广告传媒有限公司，专业从事数字影像技术在营销领域的应用开发，致力于为企业提供智慧营销的整体解决方案。服务内容包括三维工业动画、建筑动画、医疗动画、企业宣传片、影视广告、微电影、记录片、4D电影等</p>
                <p>山东三滴水广告传媒有限公司优势在于领先的三维动画技术和丰富的项目实施经验三滴水的技术团队曾参与上海三菱、大众、宝马、日立、电信等知名企业的三维项目，技术实力达到国内先进水平，收到了业界的一致认可</p>
                <a href="#">点击了解更多></a>
            </div>
        </div>
    </div>
    <!-- 新闻资讯 -->
    <div class="phone_news">
        <div class="phone_content">
            <h3>新闻资讯&nbsp;<span>news</span><a href="#">更多&nbsp;></a></h3>
            <div class="news_text_list">
                <a href="#">
                    <h5>北京动漫游戏专业9月起可评职称 5万多人将受益</h5>
                </a>
                <p>近年来持续火爆的动漫游戏专业也可以评职称了。今天上午，北京市人力社保局与市文化局联合发布《北京市艺术系列(动漫游戏)专业技术资格评价试行办法》……</p>
            </div>
            <div class="news_text_list">
                <a href="#">
                    <h5>北京动漫游戏专业9月起可评职称 5万多人将受益</h5>
                </a>
                <p>近年来持续火爆的动漫游戏专业也可以评职称了。今天上午，北京市人力社保局与市文化局联合发布《北京市艺术系列(动漫游戏)专业技术资格评价试行办法》……</p>
            </div>
            <div class="news_text_list">
                <a href="#">
                    <h5>北京动漫游戏专业9月起可评职称 5万多人将受益</h5>
                </a>
                <p>近年来持续火爆的动漫游戏专业也可以评职称了。今天上午，北京市人力社保局与市文化局联合发布《北京市艺术系列(动漫游戏)专业技术资格评价试行办法》……</p>
            </div>
            <div class="news_text_list">
                <a href="#">
                    <h5>北京动漫游戏专业9月起可评职称 5万多人将受益</h5>
                </a>
                <p>近年来持续火爆的动漫游戏专业也可以评职称了。今天上午，北京市人力社保局与市文化局联合发布《北京市艺术系列(动漫游戏)专业技术资格评价试行办法》……</p>
            </div>
        </div>

    </div>
    <!-- 底部 -->
    <div class="phone_footer">
        <div class="footer_content">
            <div class="phone_footer_top" id="phone_footer_top">
                <img src="image/topsj.png" alt="">
                <p>返回顶部</p>
            </div>
            <div class="phone_footer_text">
                <p>山东三滴水广告传媒有限公司</p>
                <p>联系电话：18053151663/4000-888-8888 邮箱：1209683317@qq.com</p>
                <p>CopyRight © 2018-2018 版权所有 All rights reserved.</p>
                <p>公地址：山东省济南市历城区二环东路1728号116号房间</p>
            </div>
        </div>

    </div>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>